home *** CD-ROM | disk | FTP | other *** search
/ Mac Easy 2010 May / Mac Life Ubuntu.iso / casper / filesystem.squashfs / usr / lib / xulrunner-1.9.0.14 / chrome / classic.jar / skin / classic / global / button.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2008-03-12  |  11.0 KB  |  360 lines
  1. /* ***** BEGIN LICENSE BLOCK *****
  2.  * Version: MPL 1.1/GPL 2.0/LGPL 2.1
  3.  *
  4.  * The contents of this file are subject to the Mozilla Public License Version
  5.  * 1.1 (the "License"); you may not use this file except in compliance with
  6.  * the License. You may obtain a copy of the License at
  7.  * http://www.mozilla.org/MPL/
  8.  *
  9.  * Software distributed under the License is distributed on an "AS IS" basis,
  10.  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  11.  * for the specific language governing rights and limitations under the
  12.  * License.
  13.  *
  14.  * The Original Code is Mozilla Communicator client code, released
  15.  * March 31, 1998.
  16.  *
  17.  * The Initial Developer of the Original Code is
  18.  * Netscape Communications Corporation.
  19.  * Portions created by the Initial Developer are Copyright (C) 1998-1999
  20.  * the Initial Developer. All Rights Reserved.
  21.  *
  22.  * Contributor(s):
  23.  *   Joe Hewitt (hewitt@netscape.com)
  24.  *
  25.  * Alternatively, the contents of this file may be used under the terms of
  26.  * either the GNU General Public License Version 2 or later (the "GPL"), or
  27.  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  28.  * in which case the provisions of the GPL or the LGPL are applicable instead
  29.  * of those above. If you wish to allow use of your version of this file only
  30.  * under the terms of either the GPL or the LGPL, and not to allow others to
  31.  * use your version of this file under the terms of the MPL, indicate your
  32.  * decision by deleting the provisions above and replace them with the notice
  33.  * and other provisions required by the GPL or the LGPL. If you do not delete
  34.  * the provisions above, a recipient may use your version of this file under
  35.  * the terms of any one of the MPL, the GPL or the LGPL.
  36.  *
  37.  * ***** END LICENSE BLOCK ***** */
  38.  
  39. /* ===== button.css =====================================================
  40.   == Styles used by the XUL button element.
  41.   ======================================================================= */
  42.  
  43. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  44.  
  45. /* :::::::::: button :::::::::: */
  46.  
  47. button {
  48.   -moz-appearance: button;
  49.   margin: 1px 5px 2px 5px;
  50.   min-width: 6.3em;
  51.   border: 3px solid;
  52.   -moz-border-top-colors: transparent ThreeDHighlight ThreeDLightShadow;
  53.   -moz-border-right-colors: transparent ThreeDDarkShadow ThreeDShadow;
  54.   -moz-border-bottom-colors: transparent ThreeDDarkShadow ThreeDShadow;
  55.   -moz-border-left-colors: transparent ThreeDHighlight ThreeDLightShadow;
  56.   background-color: ThreeDFace;
  57.   color: ButtonText;
  58. }
  59.  
  60. .button-box {
  61.   -moz-appearance: button-focus;
  62.   border: 1px solid transparent;
  63.   padding-top: 1px;
  64.   padding-bottom: 2px;
  65.   -moz-padding-start: 3px;
  66.   -moz-padding-end: 4px;
  67. }
  68.  
  69. .button-icon {
  70.   margin-right: 2px;
  71. }
  72.  
  73. .button-text {
  74.   margin: 0 !important;
  75.   text-align: center;
  76. }
  77.  
  78. /* .......... focused state .......... */
  79.  
  80. button:focus {
  81.   -moz-border-top-colors: ThreeDDarkShadow ThreeDHighlight transparent;
  82.   -moz-border-right-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow;
  83.   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow;
  84.   -moz-border-left-colors: ThreeDDarkShadow ThreeDHighlight transparent;
  85. }
  86.  
  87. button:focus > .button-box {
  88.   border: 1px dotted ThreeDDarkShadow;
  89. }
  90.  
  91. /* .......... default state .......... */
  92.  
  93. button[default="true"] {
  94.   -moz-border-top-colors: ThreeDDarkShadow ThreeDHighlight ThreeDLightShadow;
  95.   -moz-border-right-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow;
  96.   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow;
  97.   -moz-border-left-colors: ThreeDDarkShadow ThreeDHighlight ThreeDLightShadow;
  98. }
  99.  
  100. /* .......... hover state .......... */
  101.  
  102. button:hover {
  103.   color: -moz-buttonhovertext;
  104.   background-color: -moz-buttonhoverface;
  105. }
  106.  
  107. /* .......... active/open/checked state .......... */
  108.  
  109. button:hover:active,
  110. button[open="true"],
  111. button[checked="true"] {
  112.   -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow transparent;
  113.   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent;
  114.   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow transparent;
  115.   -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow transparent;
  116.   color: ButtonText;
  117. }
  118.  
  119. button:hover:active > .button-box,
  120. button[open="true"] > .button-box,
  121. button[checked="true"] > .button-box {
  122.   padding-top: 2px;
  123.   padding-bottom: 1px;
  124.   -moz-padding-start: 4px;
  125.   -moz-padding-end: 3px;
  126. }
  127.  
  128. /* .......... disabled state .......... */
  129.  
  130. button[disabled="true"],
  131. button[disabled="true"]:hover:active {
  132.   -moz-border-top-colors: transparent ThreeDHighlight ThreeDLightShadow !important;
  133.   -moz-border-right-colors: transparent ThreeDDarkShadow ThreeDShadow !important;
  134.   -moz-border-bottom-colors: transparent ThreeDDarkShadow ThreeDShadow !important;
  135.   -moz-border-left-colors: transparent ThreeDHighlight ThreeDLightShadow !important;
  136.   color: GrayText;
  137. }
  138.  
  139. button[disabled="true"] > .button-box {
  140.   padding-top: 1px !important;
  141.   padding-bottom: 2px !important;
  142.   -moz-padding-start: 3px !important;
  143.   -moz-padding-end: 4px !important;
  144. }
  145.  
  146. /* ::::: menu/menu-button buttons ::::: */
  147.  
  148. button[type="menu-button"] {
  149.   -moz-box-align: center;
  150.   -moz-box-pack: center;
  151.   margin: 0;
  152.   border: none;
  153. }
  154.  
  155. .button-menu-dropmarker,
  156. .button-menubutton-dropmarker {
  157.   -moz-appearance: toolbarbutton-dropdown !important;
  158. }
  159.   
  160. .button-menubutton-dropmarker[open="true"] {
  161.   margin-top: 2px;
  162.   margin-bottom: 0px;
  163.   -moz-margin-start: 2px;
  164.   -moz-margin-end: 0px;
  165. }
  166.  
  167. /* ::::: plain buttons ::::: */
  168.  
  169. button.plain {
  170.   border: 0px !important;
  171.   margin: 0px !important;
  172.   padding: 0px !important;
  173. }
  174.  
  175. button[type="disclosure"] {
  176.   border: 0px !important;
  177.   margin: 0px !important;
  178.   padding: 0px !important;
  179.   -moz-appearance: none;
  180.   list-style-image: url("chrome://global/skin/tree/twisty-clsd.png");
  181.   min-width: 0px !important;
  182.   background-color: transparent;
  183. }
  184.  
  185. button[type="disclosure"][open="true"] {
  186.   list-style-image: url("chrome://global/skin/tree/twisty-open.png"); 
  187. }
  188.  
  189. /*
  190.  * GNOME Stock Icon Styles
  191.  */
  192.  
  193. button[icon="accept"] .button-icon {
  194.   list-style-image: url("moz-icon://stock/gtk-ok?size=button");
  195. }
  196.  
  197. button[icon="accept"][disabled="true"] .button-icon {
  198.   list-style-image: url("moz-icon://stock/gtk-ok?size=button&state=disabled");
  199. }
  200.  
  201. button[icon="cancel"] .button-icon {
  202.   list-style-image: url("moz-icon://stock/gtk-cancel?size=button");
  203. }
  204.  
  205. button[icon="cancel"][disabled="true"] .button-icon {
  206.   list-style-image: url("moz-icon://stock/gtk-cancel?size=button&state=disabled");
  207. }
  208.  
  209. button[icon="help"] .button-icon {
  210.   list-style-image: url("moz-icon://stock/gtk-help?size=button");
  211. }
  212.  
  213. button[icon="help"][disabled="true"] .button-icon {
  214.   list-style-image: url("moz-icon://stock/gtk-help?size=button&state=disabled");
  215. }
  216.  
  217. button[icon="open"] .button-icon {
  218.   list-style-image: url("moz-icon://stock/gtk-open?size=button");
  219. }
  220.  
  221. button[icon="open"][disabled="true"] .button-icon {
  222.   list-style-image: url("moz-icon://stock/gtk-open?size=button&state=disabled");
  223. }
  224.  
  225. button[icon="save"] .button-icon {
  226.   list-style-image: url("moz-icon://stock/gtk-save?size=button");
  227. }
  228.  
  229. button[icon="save"][disabled="true"] .button-icon {
  230.   list-style-image: url("moz-icon://stock/gtk-save?size=button&state=disabled");
  231. }
  232.  
  233. button[icon="find"] .button-icon {
  234.   list-style-image: url("moz-icon://stock/gtk-find?size=button");
  235. }
  236.  
  237. button[icon="find"][disabled="true"] .button-icon {
  238.   list-style-image: url("moz-icon://stock/gtk-find?size=button&state=disabled");
  239. }
  240.  
  241. button[icon="clear"] .button-icon {
  242.   list-style-image: url("moz-icon://stock/gtk-clear?size=button");
  243. }
  244.  
  245. button[icon="clear"][disabled="true"] .button-icon {
  246.   list-style-image: url("moz-icon://stock/gtk-clear?size=button&state=disabled");
  247. }
  248.  
  249. button[icon="yes"] .button-icon {
  250.   list-style-image: url("moz-icon://stock/gtk-yes?size=button");
  251. }
  252.  
  253. button[icon="yes"][disabled="true"] .button-icon {
  254.   list-style-image: url("moz-icon://stock/gtk-yes?size=button&state=disabled");
  255. }
  256.  
  257. button[icon="no"] .button-icon {
  258.   list-style-image: url("moz-icon://stock/gtk-no?size=button");
  259. }
  260.  
  261. button[icon="no"][disabled="true"] .button-icon {
  262.   list-style-image: url("moz-icon://stock/gtk-no?size=button&state=disabled");
  263. }
  264.  
  265. button[icon="apply"] .button-icon {
  266.   list-style-image: url("moz-icon://stock/gtk-apply?size=button");
  267. }
  268.  
  269. button[icon="apply"][disabled="true"] .button-icon {
  270.   list-style-image: url("moz-icon://stock/gtk-apply?size=button&state=disabled");
  271. }
  272.  
  273. button[icon="close"] .button-icon {
  274.   list-style-image: url("moz-icon://stock/gtk-close?size=button");
  275. }
  276.  
  277. button[icon="close"][disabled="true"] .button-icon {
  278.   list-style-image: url("moz-icon://stock/gtk-close?size=button&state=disabled");
  279. }
  280.  
  281. button[icon="print"] .button-icon {
  282.   list-style-image: url("moz-icon://stock/gtk-print?size=button");
  283. }
  284.  
  285. button[icon="print"][disabled="true"] .button-icon {
  286.   list-style-image: url("moz-icon://stock/gtk-print?size=button&state=disabled");
  287. }
  288.  
  289. button[icon="add"] .button-icon {
  290.   list-style-image: url("moz-icon://stock/gtk-add?size=button");
  291. }
  292.  
  293. button[icon="add"][disabled="true"] .button-icon {
  294.   list-style-image: url("moz-icon://stock/gtk-add?size=button&state=disabled");
  295. }
  296.  
  297. button[icon="remove"] .button-icon {
  298.   list-style-image: url("moz-icon://stock/gtk-remove?size=button");
  299. }
  300.  
  301. button[icon="remove"][disabled="true"] .button-icon {
  302.   list-style-image: url("moz-icon://stock/gtk-remove?size=button&state=disabled");
  303. }
  304.  
  305. button[icon="refresh"] .button-icon {
  306.   list-style-image: url("moz-icon://stock/gtk-refresh?size=button");
  307. }
  308.  
  309. button[icon="refresh"][disabled="true"] .button-icon {
  310.   list-style-image: url("moz-icon://stock/gtk-refresh?size=button&state=disabled");
  311. }
  312.  
  313. button[icon="go-forward"] .button-icon {
  314.   list-style-image: url("moz-icon://stock/gtk-go-forward?size=button");
  315. }
  316.  
  317. button[icon="go-forward"][disabled="true"] .button-icon {
  318.   list-style-image: url("moz-icon://stock/gtk-go-forward?size=button&state=disabled");
  319. }
  320.  
  321. button[icon="go-back"] .button-icon {
  322.   list-style-image: url("moz-icon://stock/gtk-go-back?size=button");
  323. }
  324.  
  325. button[icon="go-back"][disabled="true"] .button-icon {
  326.   list-style-image: url("moz-icon://stock/gtk-go-back?size=button&state=disabled");
  327. }
  328.  
  329. button[icon="properties"] .button-icon {
  330.   list-style-image: url("moz-icon://stock/gtk-properties?size=button");
  331. }
  332.  
  333. button[icon="properties"][disabled="true"] .button-icon {
  334.   list-style-image: url("moz-icon://stock/gtk-properties?size=button&state=disabled");
  335. }
  336.  
  337. button[icon="select-font"] .button-icon {
  338.   list-style-image: url("moz-icon://stock/gtk-select-font?size=button");
  339. }
  340.  
  341. button[icon="select-font"][disabled="true"] .button-icon {
  342.   list-style-image: url("moz-icon://stock/gtk-select-font?size=button&state=disabled");
  343. }
  344.  
  345. button[icon="select-color"] .button-icon {
  346.   list-style-image: url("moz-icon://stock/gtk-color-picker?size=button");
  347. }
  348.  
  349. button[icon="select-color"][disabled="true"] .button-icon {
  350.   list-style-image: url("moz-icon://stock/gtk-color-picker?size=button&state=disabled");
  351. }
  352.  
  353. button[icon="network"] .button-icon {
  354.   list-style-image: url("moz-icon://stock/gtk-network?size=button");
  355. }
  356.  
  357. button[icon="network"][disabled="true"] .button-icon {
  358.   list-style-image: url("moz-icon://stock/gtk-network?size=button&state=disabled");
  359. }
  360.